<!doctype html>
<html>
<head>
<title>有好券</title>
<meta name="flpn" content="finderapp_coupon_scene_shop"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">
<meta http-equiv="x-dns-prefetch-control" content="on">
<?php

$css[]=TPLURL."/inc/css/common.css";

$css[]=TPLURL."/inc/css/vipduo.css";

echo css($css);

unset($css);

$js[]=TPLURL.'/inc/js/jquery.js';

$js[]=TPLURL.'/inc/js/fun.js';

$js[]=TPLURL.'/inc/js/jquery.lazyload.js';

echo js($js);

unset($js);

?>
<link rel="dns-prefetch" href="//l0.51fanli.net">
<link rel="dns-prefetch" href="//l1.51fanli.net">
<link rel="dns-prefetch" href="//l2.51fanli.net">
<link rel="dns-prefetch" href="//l3.51fanli.net">
<link rel="dns-prefetch" href="//l4.51fanli.net">
<link rel="dns-prefetch" href="//static2.51fanli.net">
<link rel="stylesheet" href="//static2.51fanli.net/static/finder-h5-newcoupon-index-css.css?201711061_9940167024">
<link rel="stylesheet" type="text/css" href="http://www.bingsu88.com/data/css/index_index_387471464.css">
<style type="text/css"> 

.fixtop {

	width: 100%;

	height: 44px;

	background:#FA2F2F;

	z-index: 999; top:0px;

	position: fixed;

}

</style>

<script id="J_script_attrsniffer" data-remwidth="750" data-remswitch="1" src="//static2.51fanli.net/static/?f=webapp/js/common/attrsniffer.js&201711061_9940167024"></script>
<script src="//static2.51fanli.net/common/libs/fmu/js/vendors/jquery/jquery.min.js"></script>
<script>var wagv = {
        pn:'',
        app: 'http://m.fanli.com/',
        channels: {
            superfl: {},
            shop_domain : ''
        },
        fanlitrack: {
            pv: {s_pos: ''},
            sv: {
                    spagename:'',
                    from:'4',
                    keyword:'',
                    appType:'', 
                    stype:'item'
            }
        },
        isFromWeixin: navigator.userAgent.toLowerCase().indexOf("micromessenger") > -1,
        isFromFanli: navigator.userAgent.toLowerCase().indexOf("fanli") > -1,
        loginTemFunctionAttr: "temfunction_" + Math.random().toString().replace(/\D/g, ''),
        pageJsListArr: [],
        pageJsLoadedCallbackArr: [],
        inWeiXin: {}
    };
</script>
</head>
<body>
<div id="head" class="head">

       <div class="fixtop">

        <span id="classify" class="classify"><a href="javascript:;" onClick="history.back()" title="返回上一页" class="sign_btna btn btn-left btn-fanhui"><-</a></span>


    </div>

</div>	
<noscript>
Your browser does not support JavaScript!
</noscript>
<div class="fmu-slider card-slider">
	<div class="fmu-slider-box" id="J_fmu_slider_container">
		<div class="fmu-slider-container">
			<div class="fmu-slider-item J_fmu_slider_item" style="height:2.23rem; margin-top:44px;">
				<a data-spm="gaea.web.story-32022~location-25351~item-221048~dpt-1" href="javascript:;" target='newwebview'><img class="w100 J_lazyimg" src="http://static2.51fanli.net/common/images/loading/spacer.png" data-original="http://l4.51fanli.net/gaea/images/2017/11/59fc25fb35152.jpg"></a>
			</div>
		</div>
	</div>
</div>
<div id="app">
	<div v-show="showSelectList" class="mask" @click="closeSelectMask" @touchmove.prevent v-cloak>
	</div>
	<div v-show="showSelectList" class="nc-selectbar-list" v-cloak>
		<div id="J_nc_selectbar_list_tab" class="nc-selectbar-list-tab" v-cloak>
			<ul>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="2" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-2~std-34659">热门</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="3" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-3~std-34659">外卖券</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="1" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-1~std-34659">出行券</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="5" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-5~std-34659">网购券</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="11" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-11~std-34659">快餐券</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="9" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-9~std-34659">影音会员</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="17" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-17~std-34659">旅游酒店</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="13" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-13~std-34659">电影票</a></li>
				<li><a @click="chooseSelectTab($event, false)" href="javascript:void(0)" data-id="15" data-spm="youhuiquan_filter.h5.pty-scene~sceneid-15~std-34659">新人专享</a></li>
			</ul>
		</div>
		<div id="J_nc_selectbar_list_container" class="nc-selectbar-list-container" v-cloak>
			<div class="J_container">
				<a v-for="list, index in selectShopLists" :key="list.id" :key="list.id" :class='{"choose": index == selectShopCurrent}' :data-spm='"youhuiquan_filter.h5.pty-shop~sid-" + list.id + "~std-34659"' href="javascript:void(0)"><img :src="list.icon">
				<p>
					{{list.name}}
				</p>
				<span>{{list.total_num}}<i>张</i></span></a>
			</div>
		</div>
	</div>
	<div class="J_scrollloadcontent" v-cloak>
		<div v-show="listNone" class="nc-list-none" v-cloak>
			<img src="http://l3.51fanli.net/gaea/images/2017/08/599f85e73f6b9.png" style="height:1.8rem;">
			<p>
				未找到合适的券
			</p>
		</div>
		<ul class="nc-list" v-if="listsType == 1">
			<li v-for="list, index in lists" :key="list.id" class="nc-list-normal" v-cloak><a onClick="golingquan(this)" @click='couponClick("lists", index, $event)' href="javascript:void(0)" :data-type="list.type" :data-href="list.url" :data-sendspm="list.spm">
			<div class="nc-list-normal-info" :class='{"has-code": list.code, "visited": (list.is_grant == "1" && list.set_to_gray == "1")}'>
				<span v-if="list.is_grant != '1' && list.is_new" class="icon new">New</span><span v-else-if="list.is_grant != '1' && list.is_recommend == 1" class="icon">{{list.recommend_desc}}</span><img class="J_lazyimg" src="http://static2.51fanli.net/common/images/loading/spacer.png" :data-original="list.icon">
				<div class="info">
					<p class="info-name">
						{{list.shop_name}}
					</p>
					<p class="info-det">
						{{list.name}}
					</p>
					<p class="info-tag">
						<span v-show="list.tag_1" :style="tagColor(list.tag_color_1)">{{list.tag_1}}</span><span v-show="list.tag_2">&nbsp;|&nbsp;</span><span v-show="list.tag_2" :style="tagColor(list.tag_color_2)">{{list.tag_2}}</span><span v-show="list.tag_3">&nbsp;|&nbsp;</span><span v-show="list.tag_3" :style="tagColor(list.tag_color_3)">{{list.tag_3}}</span>
					</p>
				</div>
				<div class="link">
					<span v-if="!list.code">一键领取</span><span v-else>复制券码</span>
				</div>
			</div>
			<div v-show="list.code" class="nc-list-normal-code">
				<p>
					券码：{{list.code}}
				</p>
			</div>
			</a></li>
		</ul>
		<ul class="nc-list" v-else-if="listsType == 2">
			<li v-for="list, index in lists" :key="list.id" class="nc-list-pic" v-cloak><a @click="couponClick('lists', index, $event)" class="nc-list-pic-info" :class='{"visited": (list.is_grant == "1" && list.set_to_gray == "1")}' href="javascript:void(0)" :data-type="list.type" :data-sendspm="list.spm"><span v-if="list.is_grant != '1' && list.is_new" class="icon new">New</span><span v-else-if="list.is_grant != '1' && list.is_recommend == 1" class="icon">{{list.recommend_desc}}</span><img class="J_lazyimg" src="http://static2.51fanli.net/common/images/loading/spacer.png" :data-original="list.cover_logo">
			<div class="info">
				<p class="info-det">
					{{list.name}}
				</p>
				<p class="info-money">
					&yen;{{list.discount_num}}
				</p>
				<p class="info-tag">
					<span v-show="list.tag_1" :style="tagColor(list.tag_color_1)">{{list.tag_1}}</span><span v-show="list.tag_2">&nbsp;|&nbsp;</span><span v-show="list.tag_2" :style="tagColor(list.tag_color_2)">{{list.tag_2}}</span><span v-show="list.tag_3">&nbsp;|&nbsp;</span><span v-show="list.tag_3" :style="tagColor(list.tag_color_3)">{{list.tag_3}}</span>
				</p>
			</div>
			</a></li>
		</ul>
		<a class="J_load_more_content_tag" href="javascript:void(0)" style="display:block;"></a>
		<div v-show="loading" class="fl-col-loading">
			<img src="//static2.51fanli.net/common/images/loading/circle-32.gif"/>正在加载...
		</div>
	</div>
	<div v-show="tuijian.length>
		 0" class="nc-tuijian-title" v-cloak><i></i><span>推荐好券</span>
	</div>
	<ul v-show="tuijian.length>
		 0" class="nc-tuijian" v-cloak>
		<li v-for="list, index in tuijian" :key="list.id" class="nc-tuijian-normal" v-cloak><a @click="couponClick('tuijian', index, $event)" href="javascript:void(0)" :data-type="list.type" :data-href="list.url" :data-sendspm="list.spm">
		<div class="nc-tuijian-normal-info" :class='{"has-code": list.code, "visited": (list.is_grant == "1" && list.set_to_gray == "1")}'>
			<span v-if="list.is_grant != '1' && list.is_new" class="icon new">New</span><span v-else-if="list.is_grant != '1' && list.is_recommend == 1" class="icon">{{list.recommend_desc}}</span><img class="J_lazyimg" src="http://static2.51fanli.net/common/images/loading/spacer.png" :data-original="list.icon">
			<div class="info">
				<p class="info-name">
					{{list.shop_name}}
				</p>
				<p class="info-det">
					{{list.name}}
				</p>
				<p class="info-tag">
					<span v-show="list.tag_1" :style="tagColor(list.tag_color_1)">{{list.tag_1}}</span><span v-show="list.tag_2">&nbsp;|&nbsp;</span><span v-show="list.tag_2" :style="tagColor(list.tag_color_2)">{{list.tag_2}}</span><span v-show="list.tag_3">&nbsp;|&nbsp;</span><span v-show="list.tag_3" :style="tagColor(list.tag_color_3)">{{list.tag_3}}</span>
				</p>
			</div>
			<div class="link">
				<span v-if="!list.code">一键领取</span><span v-else>复制券码</span>
			</div>
		</div>
		<div v-show="list.code" class="nc-tuijian-normal-code">
			<p>
				券码：{{list.code}}
			</p>
		</div>
		</a></li>
	</ul>
	<a v-show="showMore" class="nc-more-link" href="javascript:void(0)" target="newwebview">别拉啦，到底啦</a>
	<div v-if="showPicDialog" id="J_dialog" class="J_dialog" style="display:none;">
		<div class="grounding groundingActive J_grounding">
		</div>
		<div class="fl-dialog-mask J_fl_dialog_mask" @touchmove.prevent>
			<div class="fl-dialog">
				<div class="fl-dialog-warp">
					<div class="fl-dialog-header">
						<div class="fl-food-title">
							{{picDialog.cover_title}}
						</div>
					</div>
					<div class="fl-dialog-body">
						<div class="fl-food-card">
							<img id="img" class="J_img_click_big" :src="picDialog.cover_img" width="100%">
							<div class="fl-food-card-title">
								{{picDialog.name}}
							</div>
							<div class="fl-food-card-price">
								<span>&yen;</span>{{picDialog.discount_num}}
							</div>
							<div class="fl-food-card-time">
								{{picDialog.tags_arr.tag_1}}
							</div>
						</div>
					</div>
				</div>
				<div class="fl-dialog-close">
					<a @click="closePicDialog" href="javascript:void(0);" class="J_fl_dialog_close"></a>
				</div>
			</div>
		</div>
	</div>
	<section class="fmu-dl-wrap yhq-wrap" id="J_catch_app" style="display:none;">
	<div class="J_fmu_dl_step yhq-wrap-content">
		<img src="//static2.51fanli.net/finder/images/coupon/gou.alpha.png"><textarea class="yhq-code J_yhq_code" readonly="readonly">{{dialogObj.code}}</textarea>
		<p class="yhq-code-ft J_yhq_code_ft">
			{{dialogObj.title}}
		</p>
		<p class="yhq-info J_yhq_info">
			{{dialogObj.subtitle}}
		</p>
		<a v-if="dialogGoto" href="javascript:void(0);" class="wrap-close J_fmu_dl_close J_yhq_nogo">我知道了</a>
		<div v-else class="yhq-wrap-link J_yhq_goto">
			<a class="link-close J_fmu_dl_close" href="javascript:void(0);">继续领券</a><a class="link-goto J_link_goto" :href="dialogObj.skip_url">前往使用</a>
		</div>
	</div>
	</section><section class="fmu-dl-wrap yhq-wrap" id="J_catch_weixin" style="display: none;">
	<div class="J_fmu_dl_step yhq-wrap-content">
		<textarea class="yhq-code-wx J_yhq_code" readonly="readonly">{{dialogObj.code}}</textarea>
		<p class="yhq-code-ft J_yhq_code_ft">
			{{dialogObj.wx_title}}
		</p>
		<p class="yhq-info J_yhq_info">
			{{dialogObj.wx_subtitle}}
		</p>
		<a v-if="dialogGoto" href="javascript:void(0);" class="wrap-close J_fmu_dl_close J_yhq_nogo">我知道了</a>
		<div v-else class="yhq-wrap-link J_yhq_goto">
			<a class="link-close J_fmu_dl_close" href="javascript:void(0);">继续领券</a><a class="link-goto J_link_goto" :href="dialogObj.skip_url">前往使用</a>
		</div>
	</div>
	</section>
</div>
<input id="J_scene_id" type="hidden" value=""><input id="J_shop_id" type="hidden" value=""><input id="J_shop_name" type="hidden" value=""><input id="J_header_img" type="hidden" value="http://l3.51fanli.net/gaea/images/2017/08/5993ab5f643a0.png">
<script src="//static2.51fanli.net/common/libs/headjs/head.load.min.js?v=1"></script>
<script>(function() {
    wagv.pageJsListArr.push("//static2.51fanli.net/common/libs/fmu/js/vendors/jquery/jquery.min.js");
    if (wagv.isFromFanli) {
        wagv.pageJsListArr.push("//static2.51fanli.net/static/webapp-fanli-bridge-js.js?201711061_9940167024");
    }
    wagv.pageJsListArr.push("//static2.51fanli.net/static/finder-h5-newcoupon-index-js.js?201711061_9940167024");    setTimeout(function() {
        head.load(wagv.pageJsListArr, function() {
            for(var i = 0, len = wagv.pageJsLoadedCallbackArr.length; i < len; ++i) {
                wagv.pageJsLoadedCallbackArr[i]();
            }
        });
    }, 10);
	
}());

function golingquan(that) {
	var ele = $(that);
	if (ele.attr("data-type") != "3") {
		var href = ele.attr("data-href");
		var pos = href.indexOf("url=");
		var url = href.substring(pos + 4, href.length-1);
		var base64 = new Base64();
		ele.attr("href", base64.decode(url));
		return;
	}
	$(".J_dialog").show();
	
}
/**
*
*  Base64 encode / decode
*
*  @author haitao.tu
*  @date   2010-04-26
*  @email  tuhaitao@foxmail.com
*
*/
 
function Base64() {
 
	// private property
	_keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
 
	// public method for encoding
	this.encode = function (input) {
		var output = "";
		var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
		var i = 0;
		input = _utf8_encode(input);
		while (i < input.length) {
			chr1 = input.charCodeAt(i++);
			chr2 = input.charCodeAt(i++);
			chr3 = input.charCodeAt(i++);
			enc1 = chr1 >> 2;
			enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
			enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
			enc4 = chr3 & 63;
			if (isNaN(chr2)) {
				enc3 = enc4 = 64;
			} else if (isNaN(chr3)) {
				enc4 = 64;
			}
			output = output +
			_keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
			_keyStr.charAt(enc3) + _keyStr.charAt(enc4);
		}
		return output;
	}
 
	// public method for decoding
	this.decode = function (input) {
		var output = "";
		var chr1, chr2, chr3;
		var enc1, enc2, enc3, enc4;
		var i = 0;
		input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
		while (i < input.length) {
			enc1 = _keyStr.indexOf(input.charAt(i++));
			enc2 = _keyStr.indexOf(input.charAt(i++));
			enc3 = _keyStr.indexOf(input.charAt(i++));
			enc4 = _keyStr.indexOf(input.charAt(i++));
			chr1 = (enc1 << 2) | (enc2 >> 4);
			chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
			chr3 = ((enc3 & 3) << 6) | enc4;
			output = output + String.fromCharCode(chr1);
			if (enc3 != 64) {
				output = output + String.fromCharCode(chr2);
			}
			if (enc4 != 64) {
				output = output + String.fromCharCode(chr3);
			}
		}
		output = _utf8_decode(output);
		return output;
	}
 
	// private method for UTF-8 encoding
	_utf8_encode = function (string) {
		string = string.replace(/\r\n/g,"\n");
		var utftext = "";
		for (var n = 0; n < string.length; n++) {
			var c = string.charCodeAt(n);
			if (c < 128) {
				utftext += String.fromCharCode(c);
			} else if((c > 127) && (c < 2048)) {
				utftext += String.fromCharCode((c >> 6) | 192);
				utftext += String.fromCharCode((c & 63) | 128);
			} else {
				utftext += String.fromCharCode((c >> 12) | 224);
				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
				utftext += String.fromCharCode((c & 63) | 128);
			}
 
		}
		return utftext;
	}
 
	// private method for UTF-8 decoding
	_utf8_decode = function (utftext) {
		var string = "";
		var i = 0;
		var c = c1 = c2 = 0;
		while ( i < utftext.length ) {
			c = utftext.charCodeAt(i);
			if (c < 128) {
				string += String.fromCharCode(c);
				i++;
			} else if((c > 191) && (c < 224)) {
				c2 = utftext.charCodeAt(i+1);
				string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
				i += 2;
			} else {
				c2 = utftext.charCodeAt(i+1);
				c3 = utftext.charCodeAt(i+2);
				string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
				i += 3;
			}
		}
		return string;
	}
}
</script>
</body>
</html>